<!doctype html>
<html lang="en">
    <head>
        <meta charset="utf-8"/>
        <title>Journey through Space: A 3rd grade science learning module</title>
        <script src="scripts/SCORM_API_wrapper.js" language="javascript"></script>
        <script src="scripts/sessionstorage.1.4.js" language="javascript"></script>
        <script src="scripts/scripts.js" language="javascript"></script>
        <link href="styles/styles.css" type="text/css" rel="stylesheet"/>
    </head>
    
    <body onload="javascript:visitUranus()">
        <div>
            <div>
                <table id="indextable">
                    <tr>
                        <td align="center"><img src="images/mercurytoon.png" height="20px" width="20px"/></td>
                        <td align="center"><img src="images/venustoon.png" height="20px" width="20px"/></td>
                        <td align="center"><img src="images/earthtoon.png" height="20px" width="20px"/></td>
                    </tr>
                        <td align="center"><img src="images/marstoon.png" height="20px" width="20px"/></td>
                        <td align="center"><img src="images/suntoon.png" height="20px" width="20px"/></td>
                        <td align="center"><img src="images/jupitertoon.png" height="20px" width="20px"/></td>
                    <tr>
                        <td align="center"><img src="images/saturntoon.png" height="20px" width="45px"/></td>
                        <td align="center"><img src="images/uranustoon.png" height="20px" width="30px"/></td>
                        <td align="center"><img src="images/neptunetoon.png" height="20px" width="20px"/></td>
                    </tr>
                </table>
            </div>
                            
            <div id="headerimage">
                <a name="top">
                <img src="images/header.jpg"
                    alt="image of module title - Journey through Space: a 3rd grade science learning module"
                    title="image of module title - Journey through Space: a 3rd grade science learning module"
                    width="82%"/>
                </a>
            </div>
        </div>
        
        <div id="nav">
            <div id="nav_wrapper">
                <ul>
                    <li><a class="show" href="welcome.html">Welcome!</a>
                    </li>
                    <li><a class="show" href="sun.html">The Sun</a>
                    </li>
                    <li><a class="show" href="#">Rocky Planets</a>
                        <ul>
                            <li><a class="show" href="terresterial.html">Rocky Planet Intro</a>
                            </li>
                            <li><a class="show" href="mercury.html">Mercury</a>
                            </li>
                            <li><a class="show" href="venus.html">Venus</a>
                            </li>
                            <li><a class="show" href="earth.html">Earth</a>
                            </li>
                            <li><a class="show" href="mars.html">Mars</a>
                            </li>
                            <li><a class="show" id="terresterialquizlink" href="terresterialquiz.html">Rocky Planets Quiz</a>
                            </li>
                        </ul>
                    </li>
                    <li><a class="show" href="moon.html">The Moon</a>
                    </li>
                    <li><a class="show" href="asteroid.html">Asteroid Belt</a>
                    </li>
                    <li><a class="show" href="#">Gas Giants</a>
                        <ul>
                            <li><a class="show" href="gaseous.html">Gas Giants Intro</a>
                            </li>
                            <li><a class="show" href="jupiter.html">Jupiter</a>
                            </li>
                            <li><a class="show" href="saturn.html">Saturn</a>
                            </li>
                            <li><span class="menu-link-inactive" class="show" href="uranus.html">
                                Uranus</span>
                            </li>
                            <li><a class="show" href="neptune.html">Neptune</a>
                            </li>
                            <li><a class="hide" id="gaseousquizlink" href="gaseousquiz.html">Gas Giants Quiz</a>
                            </li>
                        </ul>
                    </li>
                    <li> <a class="hide" id="finalquizlink" href="endquiz.html">Final Quiz</a>
                    </li>
                    <li> <a class="hide" id="certificate" href="certificate.html">Certificate</a>
                    </li>
                </ul>
            </div>
            <!-- Nav wrapper end -->
        </div>
        <!-- Nav end -->
        
        <div>
            <article>
                <header>
                    <table align="center">
                        <tr>
                            <th><img src="images/boyastro.jpg" height="50px" width="50px"/></th>
                            <th><h1>Uranus: The seventh planet from the Sun</h1></th>
                            <th><img src="images/girlastro.jpg" height="50px" width="50px"/></th>
                        </tr>
                    </table>
                </header>
                    
                <aside>
                    <table>
                        <tr>
                            <img src="images/uranus.jpg"
                                alt="Uranus has a blue tint caused by Methane."
                                title="Uranus has a blue tint casued by Methane."/>
                        </tr>
                        <tr>
                            <p>Uranus has a blue tint casued by methane gas.</p>
                        </tr> 
                        <tr>
                            <img src="images/uranus2.jpg"
                                alt="Uranus and its tilt."
                                title="Uranus and its tilt"/>
                        </tr>
                        <tr>
                            <p>Scientist believe that Uranus must have collided with another planet that caused it to stay in this tilt.</p>
                        </tr> 
                    </table>
                </aside>
                
                <section>
                    <div class="center">
                        <img src="images/uranuscomic.png"
                            alt="Introduction comic to the Uranus page."
                            title="Introduction comic to the Uranus page."/>
                        <br/>
                        <audio controls>
                            <source src="audio/uranus.mp3" type="audio/mpeg">
                            <source src="audio/uranus.ogg" type="audio/ogg">
                            <source src="audio/uranus.wav" type="audio/wav">
                        </audio>
                    </div>
                                        
                    <h3>Interesting Facts</h3>
                        <ul>
                            <li>Uranus has a large tilt and orbits 98 degrees on its side. Astronomers 
                                believe that it must have collided with another planet. This causes its 
                                poles to get different amounts of sunlight.</li>
                            <li>It takes Uranus 84 years to orbit the Sun, so one of its poles can be 
                                dark for more than 42 years.</li>
                            <li>Uranus' core is made of hard rock and contains gases like hydrogen, 
                                helium and methane. </li>
                            <li>Uranus has thin rings that appear a blue-green color.</li> 
                            <li>Uranus was the first planet discovered on Earth with a telescope. 
                                Astronomers first thought that it was a comet.</li>
                            <li>The one thing scientists have not agreed on is which pole is north and 
                                which one is south.</li>
                        </ul>
                 
                     <h3>How Uranus got its Name</h3>
                        <p>William Herschel used his own telescopes to observe Uranus as a planet. 
                            He was rewarded by King George III with a yearly salary as long as he 
                            allowed the Royal Family to look through his telescope.</p>
                        <p>Herschel originally called his planetary discovery "the Georgium Sidus" (the 
                            Georgian Planet) in honor of King George III of England. It was a German 
                            astronomer who later renamed it to Uranus in order to stay with the theme 
                            of the other planetary names - which are after classical mythology.</p>
                
                    <a href="#top">Back to top</a>
                </section>
            </article>
        </div>
        
        <div>
            <footer>
                <cite>All information was collected from 
                    <a href="http://www.wikipedia.org">Wikipedia</a>, 
                    <a href="http://www.nasa.gov">NASA</a>, 
                    Etsy - Pretty Grafik Design</a>, &amp Etsy - Paula Kim Studio</a>
                </cite>
            </footer>
        </div>
    </body>
</html>
